<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta content="telephone=no" name="format-detection" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>test</title>
    <script src="dist/api-1.0.0.js"></script>
    <script>
        window.onload = function () {
            var root = document.getElementById('root');
            var root2 = document.getElementById('root2');
            const { Actions } = window.api2;
            const sid = window.btoa('75cfcaec-00b9-11f0-a5e4-fa163e8ce498');
            const mid = '182bfa55-972c-e0bd-2209-13e72b00f36c';
            Actions.getUserInfo(sid, mid).then(res => {
                root.innerText = JSON.stringify(res);
                window.token = res.Token;

                Actions.getMeetingRoom().then(res => {
                    root2.innerText = JSON.stringify(res);
                    window.token = res.Token;
                })
            })
        }
    </script>
</head>

<body>
    <div id="root">
    </div>
    <div id="root2">
    </div>
</body>

</html>